<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>0427华为-邓裕欢</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <style type="text/css">
    body{padding: 0; margin: 0;}
    .web-top{width: 100%;height: 28px;background-color: black;}
    .top-nav{width: 1200px; margin: auto;height: 28px;display: flex;flex-flow: row nowrap;}
    .top-one{flex: 1 1 80px; }
    .top-padding{flex:2 1 850px; }
    .top-two{flex: 1 1 140px; }
    .top-three{flex: 1 1 70px; border-left: 2px solid gray; text-align: center;}
    
.top-nav2{width: 1200px; margin: auto;height: 74px;display: flex;flex-flow: row nowrap;}
    .nav2-one{flex: 1 1 220px; background-image: url(huawei_logo.png);background-size: 60% 40%;background-repeat: no-repeat;background-position: center;}
    .nav2-two{flex: 1 1 270px; }
    .nav2-three{flex: 1 1 240px; }
    .nav2-four{flex: 1 1 400px;border-left: 2px solid gray;}
    .nav2-five{flex: 1 1 60px;}
    .web-center{width: 100%;height: 720px;margin-top: 74px;border: 1px solid white;position: relative;}
    .back-img{width: 100%; height: 520px;background-image: url(back1.jpg); background-size: 100% 100%;position: absolute;z-index: 1;}

    .knowmore{width: 120px;height: 36px; position: absolute; top: 45%; left: 12%;}
    .back-img-inner{height: 200px; width: 80%; background-color: white; z-index:2 ; position: absolute;left: 10%;top: 420px; border-radius: 8px;box-shadow: 0 0 100px rgba(0, 0, 0, 0.2);display: flex;flex-flow: row nowrap;}
    .web-phone{width: 100; height: 640px; display: flex;flex-flow: row nowrap;border: 1px solid white;}
    .web-phone-one{flex: 2 1 600px; }
    .phone-one-inner{height: 450px;width: 80%; background-color: #5481a8; border-top-right-radius: 8px; border-bottom-right-radius: 8px;}
    .phone-one-inner-first{width: 60%; height: 100%; margin: auto;}
    .web-phone-two{flex: 1 1 400px; border-radius: 8px;background-color: #8fa2b6;}
    .phone-two-1{width: 100%;height: 240px; background-image: url(city.jpg);border-top-left-radius: 8px;border-top-right-radius: 8px;}
    .phone-two-2{width: 100%;height: 360px;margin: auto;}
    .phone-two-inner{width: 70%; height: 70%; margin: auto;}
    .web-phone-padding{flex: 1 1 50px;}
    .sub{
                display: inline-block;
                content: '';
                width: 8px;
                height: 8px;
                background-image: url("sub.png");
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                margin-left: 4px;
                }
    .top-one>a,.top-two>a,.top-three>a{text-decoration: none;font-size: 14px;line-height: 28px;color: white;}
    .nav2-two-a , .nav2-three-a,.nav2-four-a1 ,.nav2-four-a2,.nav2-five-a{text-decoration: none;font-size: 18px;color: black;line-height: 74px;vertical-align: middle; }
    .nav2-four-a1 ,.nav2-four-a2{height: 74px;width: 100px; margin-left: 20px;}
    .nav2-four :hover{color: orangered;}
    .nav2-two :hover{color: orangered;}
    .nav2-three :hover{color: orangered;}
    .knowmore>a{text-decoration: none; color: black; font-size: 20px;}
    .inner-one , .inner-two , .inner-three {flex: 1 1 330px ;height: 80%; margin: auto;display: flex;flex-flow: row nowrap;}
    .inner-one , .inner-two {border-right: 2px solid gray;}
    .web-bottom-one{width: 100%;height: 600px;background-color: chartreuse;border: 0px solid white;margin-top: 120px;background-image: url(telemedical6.jpg);background-size: 100% 100%;}
    .web-bottom-one>a{text-decoration: none; font-size: 20px; color: black; display:inline-block;width: 100px;height: 20px;margin-left: 680px;margin-top: 250px;}
    .web-bottom-two{width: 100%;height: 780px;margin-top: 100px;}
    .web-bottom-three{width: 100%;height: 580px;}
    .web-bottom-four{width: 100%;height: 600px;}
    .bottom-top{width: 80%;height: 80px; margin: auto;  display: flex;flex-flow: row nowrap;}
    .bottom-top1{flex: 1 1 1100px;}
    .bottom-top2{flex: 1 1 120px;}
    .bottom-two-inner{width: 90%;height: 100%;margin: auto;display: flex;flex-flow: row nowrap;}
    .two-inner-first{flex: 1 1 600px;background-color:#dce6ee;height: 400px; margin-top: 100px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
    .two-inner-secound{flex: 1 1 600px;background-color: cornsilk;height: 600px;border-radius: 8px;background-image: url(wuhan.JPG);background-size: 100% 100%;}
    .bottom-inner-three{width: 95%; height: 440px;margin: auto;display: flex;flex-flow: row nowrap;justify-content: space-around;}
    .three-inner-first{width: 310px;height: 440px;background-color: #dce6ee;border-radius: 6px;}
    .three-inner-second{width: 310px;height: 440px;background-color: #dce6ee;border-radius: 6px;}
    .three-inner-third{width: 310px;height: 440px;background-color: #dce6ee;border-radius: 6px;}
    .bottom-inner-four{width: 85%; height: 500px;;margin: auto;display: flex;flex-flow: row nowrap;}
    .four-inner-first{flex: 1 1 340px;background-color: #dce6ee;border-radius: 6px;}
    .four-inner-second{flex:1 1 800px;background-color: white;display: flex;flex-flow: column nowrap;}
    .new{flex: 1 1 200px; }
    .web-bottom-five{width: 100%;height: 800px;background-color:#dce6ee;}
    .web-bottom-six{width: 100%;height: 30px;background-color: black;}
    .six-inner{width: 88%;height: 100%;margin: auto;display: flex;flex-flow: row nowrap;}
    .six-inner-one{flex: 1 1 300px; }
    .six-inner-two{flex: 1 1 200px;}
    .six-inner-three{flex: 1 1 400px;}
    .six-inner-padding{flex: 1 1 400px;}
    .six-inner-four{flex: 1 1 300px;}
    .five-inner{width: 90%;height: 100%; margin: auto; display: flex;flex-flow: column nowrap;}
   .five-inner-first{flex: 1 1 400px;display: flex;flex-flow: row nowrap;}
   .five-inner-first-left1{width: 24%;height: 100%;}
   .five-inner-first-left2{width: 24%;height: 100%;}
   .five-inner-first-left3{width: 24%;height: 100%;}
   .five-inner-first-left4{width: 24%;height: 100%;}
   .five-inner-first-right{width: 6%;height: 100%;}
   .five-inner-second{flex: 1 1 180px;display: flex;flex-flow: row nowrap;}
   .five-inner-third{flex: 1 1 180px;display: flex;flex-flow: row nowrap;}
   .five-ul{list-style: none;}
   .five-ul li>a{text-decoration: none;color: black;margin-top: 20px;display: block;}
   .out{margin-top: 69px;}
    </style>
</head>
<body>
<div class="web-top">
    <div class="top-nav">
    <div class="top-one">
        <a href="">集团网站</a>
        <span class="sub"></span>
    </div>
    <div class="top-padding"></div>
    <div class="top-two">
        <span class="global"><i class="fa fa-globe" style="color: white;"></i></span>
        <a href="">选择区域/语言</a>
        <span class="sub"></span>
    </div>
    <div class="top-three">
        <span class="lock"><i class="fa fa-lock" style="color: white;"></i></span>
        <a href="">登录</a>
    </div>
</div>
<div class="top-nav2">
    <div class="nav2-one"></div>
    <div class="nav2-two">
       <a href="" class="nav2-two-a"><i class="fa fa-mobile" style="color: black;font-size: 60px;vertical-align: middle;padding: 10px;"></i>手机，笔记本&平板 ...</a>
        <span class="sub"></span>
    </div>
    <div class="nav2-three">
        <a href="" class="nav2-three-a"><i class="fa fa-building" style="color: black;font-size: 40px;vertical-align: middle;padding: 10px;"></i>解决方案&服务</a>
        <span class="sub"></span>
    </div>
    <div class="nav2-four">
        <a href="" class="nav2-four-a1">华为商城<i class="fa fa-clone" style="color: black;font-size: 30px;vertical-align: middle;padding: 10px;"></i></a>
        <a href="" class="nav2-four-a2">华为云<i class="fa fa-clone" style="color: black;font-size: 30px;vertical-align: middle;padding: 10px;"></i></a>
    </div>
    <div class="nav2-five">
        <a href="" class="nav2-five-a">
        <i class="fa fa-search" style="font-size: 30px;";></i>
    </a>
    </div>
</div>
</div>
<div class="web-center">
    <div class="back-img">
        <div class="knowmore">
            <a href="" >了解更多 <i class="fa fa-long-arrow-right"></i></a>
        </div>
    </div>
    <div class="back-img-inner">
        <div class="inner-one">
            <div class="inner-one-1" style="flex: 1 1 120px; margin-top: 20px;">
            <img src="p40-panel.png" style="display:block;margin: auto;">
        </div>
        <div class="inner-one-2" style="flex:  1 1 200px;">
            <a href="" style="text-decoration: none; ">
            <h3 class="inner-h3" style="font-size: 20px;color: black;">个人用户</h3>
            <p style="color: gray;font-size: 18px">手机，笔记本和平板等个人及家用产品</p>
            </a>
        </div>
        </div>
        <div class="inner-two">
            <div class="inner-one-1" style="flex: 1 1 120px; margin-top: 20px;">
                <img src="banner-nav-img02.png" style="display:block;margin: auto;">
            </div>
            <div class="inner-one-2" style="flex:  1 1 200px;">
                <a href="" style="text-decoration: none; ">
                <h3 class="inner-h3" style="font-size: 20px; color: black;">企业用户</h3>
                <p style="color: gray;font-size: 18px;">企业商用产品，解决方案及云服务</p>
            </a>
            </div>
        </div>
        <div class="inner-three">
            <div class="inner-one-1" style="flex: 1 1 120px; margin-top: 20px;">
                <img src="banner-nav-img03.png" style="display:block;margin: auto;">
            </div>
            <div class="inner-one-2" style="flex:  1 1 200px;">
                <a href="" style="text-decoration: none; ">
                <h3 class="inner-h3" style="font-size: 20px; color: black;">运营商用户</h3>
                <p style="color: gray;font-size: 18px">运营商网络解决方案，产品及服务</p>
                </a>
            </div>
        </div>
    </div>
</div>
<div class="web-phone">
    <div class="web-phone-one">
        <div class="phone-one-inner">
            <a href="" style="text-decoration: none;">
            <div class="phone-one-inner-first">
                <img src="nova7pro.png" style="margin-top: 70px;">
                <h2 style="color: black; font-size: 30px;">你的焦点在</h2>
                <span style="color: black; font-size: 20px; margin-top: 160px; display: block;" >立即购买<li class="fa fa-long-arrow-right" style="color: black;"></li></span>
                 <span style="font-size: 12px;color: black;display: block;margin-top: 20px;">*图片仅供参考，请以实物为准&nbsp;</span>
            </div>
        </a>
        </div>
        <img src="nova-7pro-2.png" style="margin-left: 400px;margin-top: -400px; display: block;" class="phone-img1">
        <img src="SHAOW.png" style="margin-left: 400px; margin-top: -100px;"class="phone-img2">
    </div>
    <div class="web-phone-two">
        <a href="" style="text-decoration: none;">
            <div class="phone-two-1">
                
            </div>
            <div class="phone-two-2">
                <div class="phone-two-inner">
                    <p style="color: gray;">案例故事</p>
                    <h2 style="color: black;">科技让城市更美好</h2>
                    <p style="color: black;">华为助力深圳1800+政企客户数字化转型</p>
                    <p style="color: black; margin-top: 100px;">了解更多<i class="fa fa-long-arrow-right"></i></p>
                </div>
            </div>
        </a>
    </div>
    <div class="web-phone-padding"></div>
</div>
<div class="web-bottom-one">
    <a href="">了解更多<i class="fa fa-long-arrow-right"></i></a>
</div>
<div class="web-bottom-two">
    <div class="bottom-top">
       <div class="bottom-top1"><a href="" style="text-decoration: none;color: black;font-size: 40px;">展会活动</a></div>
       <div class="bottom-top2"><a href=""style="line-height:80px;text-decoration: none;color: black;font-size: 18px;">查看全部<i class="fa fa-arrow-right"></i></a></div>
    </div>
    <div class="bottom-two-inner">
        <div class="two-inner-first">
            <a href="" style="text-decoration: none; color:black;display: inline-block;margin-left: 100px;margin-top: 50px;">
                <p style="color: gray;">展会活动</p>
                <h2>华为生态之行2020 武汉峰会</h2>
                <p>线上直播/4月18日-21日</p>
                <p>湖北加速 全力以“复”</p>
                <p style="margin-top: 100px;">了解更多<i class="fa fa-arrow-right"></i></p>
            </a>
        </div>
        <div class="two-inner-secound">
            <a href="" style="width: 500px;height: 500px;display: inline-block;"></a>
           
        </div>
    </div>
</div>
<div class="web-bottom-three">
    <div class="bottom-top">
        <div class="bottom-top1"><a href="" style="text-decoration: none;color: black;font-size: 40px;">成功故事</a></div>
        <div class="bottom-top2"><a href=""style="line-height:80px;text-decoration: none;color: black;font-size: 18px;">查看全部<i class="fa fa-arrow-right"></i></a></div>
     </div>
     <div class="bottom-inner-three">
        <div class="three-inner-first">
            <img src="three3.jpg" style="width: 100%;border-top-left-radius: 6px;border-top-right-radius: 6px;">
            <a href="" style="color: black;text-decoration: none;display: inline-block;width: 80%;height: 80%; margin-left: 20px;">
            
            <p>成功故事</p>
            <h2>AI淬炼传统经验，让美味代代相传</h2>
            <p>更多<i class="fa fa-arrow-right"></i></p>
            </a>
        </div> 
        <div class="three-inner-second">
            <img src="three2.png" style="width: 100%;border-top-left-radius: 6px;border-top-right-radius: 6px;">
            <a href="" style="color: black;text-decoration: none;display: inline-block;width: 80%;height: 80%; margin-left: 20px;">
            
            <p>成功故事</p>
            <h2>“云上”开学季，华为云联合百余家教育伙伴发起“随时学教育联盟”</h2>
            <p>更多<i class="fa fa-arrow-right"></i></p>
            </a>
        </div>
        <div class="three-inner-third">
            <img src="three1.jpg" style="width: 100%;border-top-left-radius: 6px;border-top-right-radius: 6px;">
            <a href="" style="color: black;text-decoration: none;display: inline-block;width: 80%;height: 80%; margin-left: 20px;">
            
            <p>成功故事</p>
            <h2>从20天到2小时，南方电网深圳供电局巡检效率提升了80倍</h2>
            <p>更多<i class="fa fa-arrow-right"></i></p>
            </a>
        </div>
     </div>
</div>
<div class="web-bottom-four">
    <div class="bottom-top">
        <div class="bottom-top1"><a href="" style="text-decoration: none;color: black;font-size: 40px;">近期新闻</a></div>
        <div class="bottom-top2"><a href=""style="line-height:80px;text-decoration: none;color: black;font-size: 18px;">查看全部<i class="fa fa-arrow-right"></i></a></div>
     </div>
     <div class="bottom-inner-four">
         <div class="four-inner-first">
            <img src="new.JPG" style="width: 100%;border-top-left-radius: 6px;border-top-right-radius: 6px;">
            <a href="" style="color: black;text-decoration: none;display: inline-block;width: 80%;height: 80%; margin-left: 20px;">
            
            <p>新闻/2020年3月31日</p>
            <h2>
                华为发布2019年年度报告：稳健经营，为客户和社会创造更大价值
            </h2>
            <p>更多<i class="fa fa-arrow-right"></i></p>
            </a>
         </div>
         <div class="four-inner-second">
             <div class="new">
                 <a href="" style="text-decoration: none;color: black;margin-left: 40px;display: inline-block;">
                 <p style="color: gray;font-size: 14px;">新闻/2020年4月23日</p>
                 <h3>华为举办“5G+,Better World” 线上峰会，发布抗疫和洞察实践白皮书</h3>
                </a>
             </div>
             <div class="new">
                <a href="" style="text-decoration: none;color: black;margin-left: 40px;display: inline-block;">
                    <p style="color: gray;font-size: 14px;">新闻/2020年4月23日</p>
                    <h3>华为举办“5G+,Better World” 线上峰会，发布抗疫和洞察实践白皮书</h3>
                   </a>
             </div>
             <div class="new">
                <a href="" style="text-decoration: none;color: black;margin-left: 40px;display: inline-block;">
                    <p style="color: gray;font-size: 14px;">新闻/2020年4月23日</p>
                    <h3>华为举办“5G+,Better World” 线上峰会，发布抗疫和洞察实践白皮书</h3>
                   </a>
             </div>
             <div class="new">
                <a href="" style="text-decoration: none;color: black;margin-left: 40px;display: inline-block;">
                    <p style="color: gray;font-size: 14px;">新闻/2020年4月21日</p>
                    <h3>华为举办“5G+,Better World” 线上峰会，发布抗疫和洞察实践白皮书</h3>
                   </a>
             </div>
         </div>
     </div>
</div>
<div class="web-bottom-five">
    <div class="five-inner">
        <div class="five-inner-first">
            <div class="five-inner-first-left1">
                <h2 style="margin-left: 40px;">关于华为 ></h2>
                <ul class="five-ul">
                    <li class="five-li"><a href="">公司简介</a></li>
                    <li class="five-li"><a href="">公司治理</a></li>
                    <li class="five-li"><a href="">管理层信息</a></li>
                    <li class="five-li"><a href="">可持续发展</a></li>
                    <li class="five-li"><a href="">信任中心</a></li>
                    <li class="five-li"><a href="">债券投资者关系</a></li>
                    <li class="five-li"><a href="">公共政策</a></li>
                    <li class="five-li"><a href="">出版物</a></li>
                </ul>
            </div>
            <div class="five-inner-first-left2">
                <h2 style="margin-left: 40px;">新闻 & 展会 ></h2>
                <ul class="five-ul">
                    <li class="five-li"><a href="">新闻</a></li>
                    <li class="five-li"><a href="">展会活动</a></li>
                    <li class="five-li"><a href="">公司年报</a></li>
                    <li class="five-li"><a href="">媒体图库</a></li>
                    <li class="five-li"><a href="">媒体联系</a></li>
                    
                </ul>
            </div>
            <div class="five-inner-first-left3">
                <h2 style="margin-left: 40px;">行业洞察 ></h2>
                <ul class="five-ul">
                    <li class="five-li"><a href="">行业研究</a></li>
                    <li class="five-li"><a href="">行业展望</a></li>
                    <li class="five-li"><a href="">热点技术</a></li>
                    <li class="five-li"><a href="">创新</a></li>
                   
                </ul>
            </div>
            <div class="five-inner-first-left4">
                <h2 style="margin-left: 40px;">技术支持</h2>
                <ul class="five-ul">
                    <li class="five-li"><a href="">消费者技术支持</a></li>
                    <li class="five-li"><a href="">企业技术支持</a></li>
                    <li class="five-li"><a href="">运营商技术支持</a></li>
                    <li class="five-li"><a href="">安全通告</a></li>
                    
                </ul>
            </div>
            <div class="five-inner-first-right"></div>
        </div>
        <div class="five-inner-second">
            <div class="five-inner-first-left1">
                <h2 style="margin-left: 40px;">业务入口</h2>
                <ul class="five-ul">
                    <li class="five-li"><a href="">招聘</a></li>
                    <li class="five-li"><a href="">供应商</a></li>
                </ul>
            </div>
            <div class="five-inner-first-left2">
                <ul class="five-ul out">
                    <li class="five-li"><a href="">开发者</a></li>
                    <li class="five-li"><a href="">除名查询</a></li>
                </ul>
            </div>
            <div class="five-inner-first-left3">
                
                <ul class="five-ul out">
                    <li class="five-li"><a href="">合作伙伴</a></li>
                    
                </ul>
            </div>
            <div class="five-inner-first-left4">
                
                <ul class="five-ul out">
                    <li class="five-li"><a href="">产品定义社区</a></li>
                    
                </ul>
            </div>
            <div class="five-inner-first-right"></div>
        </div>
        <div class="five-inner-third">
            <div class="five-inner-first-left1">
                <h2 style="margin-left: 40px;">相关网站</h2>
                <ul class="five-ul">
                    <li class="five-li"><a href="">华为商城</a></li>
                    <li class="five-li"><a href="">华为海洋</a></li>
                </ul>
            </div>
            <div class="five-inner-first-left2">
                <ul class="five-ul out">
                    <li class="five-li"><a href="">华为云</a></li>
                    <li class="five-li"><a href="">荣耀官网</a></li>
                </ul>
            </div>
            <div class="five-inner-first-left3">
                <ul class="five-ul out">
                    <li class="five-li"><a href="">华为智能光伏</a></li>
                    
                </ul>
            </div>
            <div class="five-inner-first-left4">  <ul class="five-ul out">
                <li class="five-li"><a href="">华为心声社区</a></li>
                
            </ul></div>
            <div class="five-inner-first-right"></div>
        </div>
    </div>
</div>
<div class="web-bottom-six">
    <div class="six-inner">
        <div class="six-inner-one"><a href="" style="color: white;font-size: 16px;vertical-align: middle;text-decoration: none;">@2020华为技术有限公司</a></div>
        <div class="six-inner-two"><a href=""style="color: white;font-size: 16px;vertical-align: middle;text-decoration: none;"> 粤A2-20044005号</a></div>
        <div class="six-inner-three"><a href=""style="color: white;font-size: 16px;vertical-align: middle;text-decoration: none;">粤公网安备 44030702002388号</a></div>
        <div class="six-inner-padding"></div>
        <div class="six-inner-four">
            <a href="" style="color: white;font-size: 14px;vertical-align: middle;text-decoration: none;">联系我们  |</a>
            <a href="" style="color: white;font-size: 14px;vertical-align: middle;text-decoration: none;">法律声明  |</a>
            <a href="" style="color: white;font-size: 14px;vertical-align: middle;text-decoration: none;">隐私政策</a>
        </div>
    </div>
</div>
</body>
</html>